<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    #container {
      height: 100vh;
    }
  </style>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=LTcdtaUhvwYYnvWd90tfvhBYBGgxmwbC"></script>
</head>

<body>
  <div id="container"></div>
  <script>
    const map = new BMap.Map("container");        // 创建地图 实例  
    const point = new BMap.Point(113.23, 23.16);  // 创建点坐标 实例
    map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别  


    // ========== 新的代码 开始 ===================
    const marker = new BMap.Marker(point);        // 创建标注  实例  

    // 增加覆盖物 - 把 marker 添加到地图中
    map.addOverlay(marker);                       // 将标注添加到地图中 

    // 给覆盖物添加点击事件
    marker.addEventListener('click', function () {
      alert('你点击了标注');
    });
    // ========== 新的代码 结束 ===================

  </script>
</body>

</html>